<template>
  <div>
    <!-- 用户基本信息 -->
    {{userInfo}}

    <!-- Tab 切换数据展示 -->
    <el-tabs value="a">
      <el-tab-pane label="购买记录" name="a">
        <TabA :uid="$route.query.id"></TabA>
      </el-tab-pane>
      <el-tab-pane :lazy="true" label="积分详情" name="b">
        <TabB :uid="$route.query.id"></TabB>
      </el-tab-pane>
      <el-tab-pane :lazy="true" label="Ta的评价" name="c">
        <TabC :uid="$route.query.id"></TabC>
      </el-tab-pane>
      <el-tab-pane :lazy="true" label="Ta的反馈" name="d">
        <TabD :uid="$route.query.id"></TabD>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import axios from 'axios'
import TabA from './students/Tab_A'
import TabB from './students/Tab_B'
import TabC from './students/Tab_C'
import TabD from './students/Tab_D'
export default {
  components: {
    TabA,
    TabB,
    TabC,
    TabD
  },
  data() {
    return {
      userInfo: {} // 当前用户的信息
    }
  },
  created() {
    // axios.get('/xxxxxxx').then(res=>{
    //   if(res) {
    //     this.userInfo = res.data
    //   }
    // })
  }
}
</script>
